<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <button>按钮-点击</button>
  </body>
</html>
<script>
  // 事件监听版本
  const btn = document.querySelector("button");
  // 1.dom老版本  注册同名 onClick 事件 会出现覆盖的情况
  // btn.onclick= function () {
  //     alert('点击了111')
  //   }

  //   btn.onclick= function () {
  //     alert('点击了222')
  //   } //覆盖掉了上面的111

  btn.addEventListener("click", function () {
    alert("点击了1");
  });
  btn.addEventListener("click", function () {
    alert("点击了2");
  });
  // 这个时候按顺序触发事件
</script>
